<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS常见样式属性</title>
    <link rel="stylesheet" href="css_six.css">
</head>
<body class="bg_demo6">
    <p class="value_px">绝对单位:px</p>
    <p class="value_em">相对单位:em</p>
    <p class="value_rem">相对单位:rem</p>
    <p class="color_name">颜色值：名称</p>
    <p class="color_hex">颜色值：十六进制</p>
    <P class="color_fun">颜色值:函数rgb</P>
    <p class="img_url">图片url函数</p>
    <P class="font-demo">字体样式展示 函数 font style demo</P>
    <p class="text_demo">文本样式展示 abc</p>
    <ul class="list_demo1">
        <li>项1</li>
        <li>项2</li>
        <li>项3</li>
    </ul>
    <div class="bg_box bg_demo1">背景样式颜色</div>
    <div class="bg_box bg_demo2">背景样式图片</div>
    <div class="bg_box bg_demo3">背景样式图片重复</div>
    <div class="bg_box bg_demo4">背景样式图片位置</div>

    <div class="form_demo">
        <form action="">
            <!--<fielset>-->
                <legend>登录信息</legend>
                <P><label for="username"></label>
                    <input type="text" name="username" id="username">
                </P>
                <P><label for="password"></label>
                    <input type="password" name="pwd" id="pwd">
                </P>
            <!--</fielset>-->
        </form>
        <input type="submit" value="登录">
    </div>
</body>
</html>